import { createApp } from 'vue'

// 引入element-ui库
import {
    ElInput,
    ElButton,
    ElAvatar,
    ElImage,
    ElDropdown,
    ElDropdownMenu,
    ElDropdownItem,
    ElMenu,
    ElMenuItem,
    ElTabs,
    ElTabPane,
    ElRadioButton,
    ElRadioGroup,
    ElCarousel,
    ElCarouselItem,
    ElTimeline,
    ElTimelineItem,
    ElCard,
    ElRow,
    ElUpload,
    ElDialog,
    // 侧边框
    ElDrawer,
    // 
    ElSpace,
    ElSkeleton,
    ElSkeletonItem,
    ElBacktop,
    ElDivider
} from 'element-plus'
import 'element-plus/dist/index.css'

import App from './App.vue'
import router from './router'
import store from './store'

createApp(App)
// element-ui库
// 文本框
.use(ElInput)
.use(ElButton)
.use(ElAvatar)
.use(ElImage)
// 下拉的组件
.use(ElDropdown)
.use(ElDropdownMenu)
.use(ElDropdownItem)
// // 侧边栏
// .use(ElRadioButton).use(ElRadioGroup)
// .use(ElMenu).use(ElSubMenu).use(ElIcon).use(ElMenuItemGroup).use(ElMenuItem)
.use(ElTabs).use(ElTabPane).use(ElRadioButton).use(ElRadioGroup)
.use(ElCarousel).use(ElCarouselItem)
.use(ElTimeline).use(ElTimelineItem).use(ElCard).use(ElRow)
.use(ElMenu).use(ElMenuItem)
.use(ElUpload).use(ElDialog)
.use(ElDrawer)
.use(ElSpace).use(ElSkeleton).use(ElSkeletonItem)
.use(ElBacktop).use(ElDivider)
.use(store).use(router).mount('#app')
